.goods {
    width : 1200px;
    margin: 0 auto;

    .home-title {
        margin-top     : 18px;
        margin-bottom  : 18px;
        display        : -ms-flexbox;
        display        : flex;
        -ms-flex-align : center;
        align-items    : center;
        align-content  : stretch;
        justify-content: space-between;

        .title-text {
            font-size  : 24px;
            line-height: 33px;
            color      : #000;
        }

        .title-a {
            font-size  : 14px;
            line-height: 20px;

            a {
                color: #60b3fa;
            }
        }
    }

    .campaigns {
        display        : -ms-flexbox;
        display        : flex;
        justify-content: space-between;
        -ms-flex-wrap  : wrap;
        flex-wrap      : wrap;

        .campaigns-itme {
            width        : 280px;
            height       : 218px;
            border       : 1px solid#e5e5e5;
            border-radius: 3px;
            cursor       : pointer;

            .campaigns-itme-img {
                width          : 280px;
                height         : 175px;
                background     : url("/src/img/d42b42dd-d52a-497f-bfff-69d668cf3ed9.jpg");
                background-size: 100%;
            }

            .campaigns-itme-imgname {
                font-size  : 20px;
                line-height: 28px;
                color      : #fff;
                text-shadow: 0 0 3px rgb(0 0 0 / 20%);
                position   : relative;
                top        : 140px;
                left       : 17px;
            }

            .campaigns-itme-name {
                padding    : 10.5px 13px;
                font-size  : 14px;
                line-height: 20px;
            }
        }
    }

    .commodities {
        height: 720px;
        width : 1200px;
    }

    #commodities-wrap,
    #rank {
        display        : -ms-flexbox;
        display        : flex;
        -ms-flex-wrap  : wrap;
        flex-wrap      : wrap;
        justify-content: space-between;

        .frag-commodities-item-inner {
            height            : 100%;
            display           : -ms-flexbox;
            display           : flex;
            -ms-flex-direction: column;
            flex-direction    : column;

            .item-pic {
                width        : 283px;
                height       : 283px;
                border       : 1px #f2f2f2 solid;
                border-radius: 5px;

                img {
                    width: 100%;
                }
            }

            .item-pic-name {
                -ms-flex-positive : 1;
                flex-grow         : 1;
                -ms-flex-negative : 0;
                flex-shrink       : 0;
                margin-top        : 9px;
                font-size         : 14px;
                line-height       : 20px;
                color             : #000;
                display           : -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                margin-bottom     : 2px;
            }

            .item-pn {
                display        : flex;
                justify-content: space-between;
                margin-bottom  : 10px;

                .item-left {
                    font-size  : 14px;
                    line-height: 20px;
                    color      : #7f0019;
                    font-weight: 500;
                }

                .item-right {
                    -ms-flex-positive: 0;
                    flex-grow        : 0;
                    -ms-flex-negative: 0;
                    flex-shrink      : 0;
                    font-size        : 14px;
                    line-height      : 20px;
                    color            : #999;
                }


            }
        }




    }


    .classification-list {
        width : 100%;
        height: 243;

        .top-name {
            margin-top   : 20px;
            margin-bottom: 20px;
            font-size    : 16px;
            line-height  : 22px;
            color        : #000;
        }

        .top-children {
            display      : -ms-flexbox;
            display      : flex;
            -ms-flex-wrap: wrap;
            flex-wrap    : wrap;

            .child-inner {
                margin-right    : 22px;
                margin-bottom   : 22px;
                border          : 1px solid #e5e5e5;
                background-color: #fff;
                border-radius   : 3px;
                cursor          : pointer;
                display         : -ms-flexbox;
                display         : flex;
                -ms-flex-align  : center;
                align-items     : center;

                .child-image {
                    height: 60px;
                    width : 60px;
                    margin: 5px;

                    img {
                        width: 100%;
                    }
                }

                .child-image-name {
                    font-size  : 14px;
                    width      : 195px;
                    margin-left: 10px;
                }
            }
        }
    }
    .videos {
        .videos-name {
            margin-bottom: 22px;
            font-size: 16px;
            line-height: 22px;
            color: #585858;
        }
        video{
            width: 100%;
        }
    }


}